<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue</title>
    <script src="static/js/vue.js"></script>
    <script src="static/js/jquery.js"></script>
</head>
<body>
<div id="vs">
    <table>
        <thead>
        <tr>
            <td>学号</td>
            <td>姓名</td>
        </tr>
        </thead>
        <tbody>
        <tr v-for="item in students">
            <td>{{item.num}}</td>
            <td>{{item.name}}</td>
        </tr>
        </tbody>
    </table>
</div>
<script>
    let vue = new Vue({
        el: "#vs",
        data: {
            students: [
                {
                    num: 1,
                    name: "李华1"
                }
            ]
        },
        created() {
            $.ajax("/studentlist", {
                success: data => this.students = data
            })
        }
    });
</script>
</body>
</html>